<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>${site.name}</title>
</head>
<body>

<div style="display: flex; align-items: center; width: 100%; height: 50px; background-color: #5cadff">
  <h2>这里是站点首页 站点名称为： ${site.name}</h2>
</div>

<div style="display: flex; width: 100%; height: 100%">
  <div style="display: flex; flex-direction: column; width: 200px; height: 100%; overflow: auto; border: #888888 solid 1px">
    <h3>栏目列表</h3>
    <@cms_catalog_list ukId="0">
      <@cms_list collection=catalogList item="catalog">
        <ul>
          ${catalog.name}
        </ul>
      </@cms_list>
    </@cms_catalog_list>
  </div>

  <div style="display: flex; flex-direction: column; width: 100%; height: 100%; overflow: auto; border: #888888 solid 1px">
    <h3>文章列表</h3>
    <@cms_article_list>
      <@cms_list collection=articleList item="article">
        <ul>
          ${article.title}
        </ul>
      </@cms_list>
    </@cms_article_list>
  </div>

</div>
</body>
</html>